<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8">
		<title>我的-订单信息-百台云 - 直播你的梦想（https://www.100ytv.com）</title>
		<meta name="keywords" content="百台云">
		<meta name="description" content="百台云">
		<meta name="Copyright" content="百台云 All Rights Reserved">
		<meta name="Robots" content="All">
		<meta name="application-name" content="百台云 www.luoanziben.com">
		<meta name="msapplication-tooltip" content="百台云 www.luoanziben.com">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<!--title小图标显示-->
		<link rel="icon" href="images/ico-logo.png" type="image/x-icon">
		<link rel="shortcut icon" href="images/ico-logo.png">
		<link rel="Bookmark" href="images/ico-logo.png">
		<!--样式文件-->
		<link rel="stylesheet" type="text/css" href="css/aui.css" />
		<link rel="stylesheet" type="text/css" href="css/bty.css" />
	</head>

	<body class="">
		<!--start:header头部-->
		<header id="bty_header" class="aui-bar aui-bar-nav aui-margin-b-5">
			<div id="" class="clearfix">
				<a onclick="javascript:history.back(-1);" class="aui-pull-left aui-btn"> <span class="aui-iconfont aui-icon-left"></span> </a>
				<div class="aui-title" id="navTitle">全部订单</div>
			</div>
				
			<div class=" bg-white">
				<div class="aui-tab" id="tab">
				    <div class="aui-tab-item aui-active" intext="全部订单">全部订单</div>
				    <div class="aui-tab-item" intext="待付款">待付款</div>
				    <div class="aui-tab-item" intext="待发货">待发货</div>
				    <div class="aui-tab-item" intext="待收货">待收货</div>
				    <div class="aui-tab-item" intext="待评价">待评价</div>
				</div>
			</div>
	    </header>
		<!--end:header头部--->

		<!--start:内容区域-->
		<div class="aui-content">
			
			<div class="infomation bg-white" style="display:block;">
				<!--全部订单-->
				<ul class="aui-list aui-media-list">
					<li class="aui-list-item aui-padded-l-0">
		                <div class="aui-info aui-padded-10">
		                    <div class="aui-info-item">
		                    	<img options="size=35x35&bgcolor=#ccc&color=#ffffff&fsize=12&text=35x35" class="placeholder"/>
		                        <span class="aui-margin-l-5">商家名字商家名字</span>
	                        </div>
		                    <div class="aui-info-item">订单状态</div>
		                </div>
						
		                <div class="aui-media-list-item-inner aui-padded-l-10 bg-gray">
		                    <div class="aui-list-item-media">
		                        <img options="size=100x100&bgcolor=#ccc&color=#ffffff&fsize=12&text=100x100" class="placeholder"/>
		                    </div>
		                    <div class="aui-list-item-inner">
		                        <div class="aui-list-item-text">
							                    商品名称商品名称商品名称商品名称
		                        </div>
		                        <div class="aui-list-item-text aui-margin-10 aui-margin-l-0  aui-margin-b-0 aui-font-size-12">
                            		<span>规格：<sapn>2018041215521710922</sapn></span>	
		                        </div> 
		                        <div class="aui-list-item-text aui-margin-10 aui-margin-l-0  aui-margin-b-0 aui-font-size-12">
                            		<span class="text-red">价格：￥<sapn>201802</sapn> 元</span>		
                            		<span>数量：x<span>1</span></span>	
		                        </div>
		                    </div>
		                </div>
		                <div class="aui-padded-10 aui-text-right aui-font-size-14">
		                	<span class="aui-text-right">共计<sapn>1</sapn>件商品</span>	
		                	<span class="aui-text-right">合计：￥<sapn class="text-red">201802</sapn> 元</span>	
		                </div>
		            </li>
		            
				</ul>
			</div>
			
			<div class="infomation aui-padded-15 bg-white">
				<ul class="aui-list aui-media-list">
		            待付款
		             <li class="aui-list-item aui-padded-0">
		                <div class="aui-media-list-item-inner">
		                    <div class="aui-list-item-inner aui-padded-r-0">
		                        <p class="aui-margin-b-5">带有媒体的列表一</p>
		                        <p class="aui-list-item-text aui-margin-b-5">
		                  		          这里是内容区域，新版中的列表布局可以很轻松的帮助开发者完成常见列表样式。  这里是内容区域，新版中的列表布局可以很轻松的帮助开发者完成常见列表样式。
		                        </p>
		                        <p class="aui-margin-b-5">2018-12-12 12:12:12</p>
		                    </div>
		                </div>
		            </li>
		           
     			</ul>
				
			</div>
		
			<div class="infomation aui-padded-15 bg-white">
				<ul class="aui-list aui-media-list">
		            待发货
		             <li class="aui-list-item aui-padded-0">
		                <div class="aui-media-list-item-inner">
		                    <div class="aui-list-item-inner aui-padded-r-0">
		                        <p class="aui-margin-b-5">带有媒体的列表一</p>
		                        <p class="aui-list-item-text aui-margin-b-5">
		                  		          这里是内容区域，新版中的列表布局可以很轻松的帮助开发者完成常见列表样式。  这里是内容区域，新版中的列表布局可以很轻松的帮助开发者完成常见列表样式。
		                        </p>
		                        <p class="aui-margin-b-5">2018-12-12 12:12:12</p>
		                    </div>
		                </div>
		            </li>
		           
     			</ul>
				
			</div>
		
            <!--待收货-->
			<div class="infomation aui-padded-15 bg-white">
				<ul class="aui-list aui-media-list">
		             <li class="aui-list-item aui-padded-0">
		                <div class="aui-media-list-item-inner">
		                    <div class="aui-list-item-inner aui-padded-r-0">
		                        <p class="aui-margin-b-5">带有媒体的列表一</p>
		                        <p class="aui-list-item-text aui-margin-b-5">
		                  		          这里是内容区域，新版中的列表布局可以很轻松的帮助开发者完成常见列表样式。  这里是内容区域，新版中的列表布局可以很轻松的帮助开发者完成常见列表样式。
		                        </p>
		                        <p class="aui-margin-b-5">2018-12-12 12:12:12</p>
		                    </div>
		                </div>
		            </li>
		           
     			</ul>
				
			</div>
		
            <!--待评价-->
			<div class="infomation aui-padded-15 bg-white">
				<ul class="aui-list aui-media-list">
		             <li class="aui-list-item aui-padded-0">
		                <div class="aui-media-list-item-inner">
		                    <div class="aui-list-item-inner aui-padded-r-0">
		                        <p class="aui-margin-b-5">带有媒体的列表一</p>
		                        <p class="aui-list-item-text aui-margin-b-5">
		                  		          这里是内容区域，新版中的列表布局可以很轻松的帮助开发者完成常见列表样式。  这里是内容区域，新版中的列表布局可以很轻松的帮助开发者完成常见列表样式。
		                        </p>
		                        <p class="aui-margin-b-5">2018-12-12 12:12:12</p>
		                    </div>
		                </div>
		            </li>
		           
     			</ul>
				
			</div>
		
		</div>
		<!--end:内容区域-->
	</body>
	<script type="text/javascript" src="js/api.js"></script>
	<script type="text/javascript" src="js/aui-slide.js"></script>
	<script type="text/javascript" src="js/aui-tab.js"></script>
	<script type="text/javascript" src="js/aui-pull-refresh.js"></script>
	<script type="text/javascript" src="js/aui-scroll.js"></script>
	<script src="js/placeholder.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
	<script type="text/javascript">
		//头部脚部占位div
 		$('#bty_header').after('<div style="height:'+ $('#bty_header').height()  +'px"></div>');

		//tab
		var tab = new auiTab({
	        element:document.getElementById("tab"),
	        index:1,
	        repeatClick:false
	    },function(ret){
	    	var msgBox = document.getElementsByClassName('infomation');
	    	var items = document.getElementsByClassName('aui-tab-item');
	    	var title = document.getElementById('navTitle');
	    	for(i=0;i<msgBox.length;i++){ msgBox[i].style.display = 'none'; }
	    	msgBox[ret.index-1].style.display = 'block';
	    	title.innerText=items[ret.index-1].innerText
	    });

	</script>
</html>